<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript"
	src="js/jquery/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/LNDY.js"></script>
<script type="text/javascript" src="js/selector.js"></script>
<script type="text/javascript" src="js/laundry.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css"
	href="css/smoothness/jquery-ui-1.9.2.custom.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>The Laundry Room</title>
</head>
<body>
	<img id="lndryBackgroundImage" src="images/bg_laundry.jpg">
	<div id="header">
		<div id="roomLogo">
			<div id="programHeaderText">The Laundry and Dry Clean Program</div>
		</div>
	</div>


	<div id="mainContainer">

		<div id="mainMenuArea" class="none_display">
			<div id="mainMenuText" class="menuTopic">Main Menus</div>
			<div id="memberMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>สมาชิก</span>
			</div>
			<div id="newCustMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ลูกค้าทั่วไป</span>
			</div>
			<div id="newCustMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ตรวจสอบสถานะ</span>
			</div>
			<div class="btn_menu" id="settingMenu">
				<img class="icon_menu" src="images/tools_32.png"> <span>กำหนดรายการเสื้อผ้า</span>
			</div>
			<div class="btn_menu" id="settingMenu">
				<img class="icon_menu" src="images/tools_32.png"> <span>Setting</span>
			</div>
			<div class="btn_menu" id="settingMenu">
				<img class="icon_menu" src="images/tools_32.png"> <span>Setting</span>
			</div>
		</div>
		
		<div id="workingDiv">
			<div id="customerListArea" class="none_display">
				<form id="formFill" class="none_display">
					<fieldset style="width: 30%">
						<legend>Customer:</legend>
						Name: <input type="text"><br> Email: <input
							type="text"><br> Date of birth: <input type="text">
					</fieldset>
				</form>


				<div id="displayArea">
					<table id="customersTbl">
						<thead>
							<tr>
								<th>Cust.Code</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Telephone NO.</th>
								<th>Cust. Type</th>
								<th>Package</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th>12345</th>
								<th>Chonthicha</th>
								<th>Ponrat</th>
								<th>089 123 4567</th>
								<th>member</th>
								<th>A</th>
							</tr>
							<tr>
								<th>54321</th>
								<th>Panthipa</th>
								<th>Suthamsmai</th>
								<th>089 765 4321</th>
								<th>member</th>
								<th>C</th>
							</tr>
							<tr>
								<th>34125</th>
								<th>WaterBee</th>
								<th>Eiei</th>
								<th>081 323 6567</th>
								<th>member</th>
								<th>B</th>
							</tr>
							<tr>
								<th>42335</th>
								<th>Jiffy</th>
								<th>Pumges</th>
								<th>083 723 4509</th>
								<th>member</th>
								<th>A</th>
							</tr>
							<tr>
								<th>30125</th>
								<th>AaterBee</th>
								<th>Eiei</th>
								<th>081 323 6567</th>
								<th>member</th>
								<th>B</th>
							</tr>
							<tr>
								<th>12335</th>
								<th>Biffy</th>
								<th>Pumges</th>
								<th>083 723 4509</th>
								<th>member</th>
								<th>A</th>
							</tr>
							<tr>
								<th>90845</th>
								<th>Zhonthicha</th>
								<th>Ponrat</th>
								<th>089 123 4567</th>
								<th>member</th>
								<th>A</th>
							</tr>
							<tr>
								<th>33321</th>
								<th>Hanthipa</th>
								<th>Suthamsmai</th>
								<th>089 765 4321</th>
								<th>member</th>
								<th>C</th>
							</tr>
						</tbody>
					</table>
				</div>
				
			</div>

		</div>

	</div>
</body>
</html>